<script setup lang="ts">
import type { FormConfigModel } from '../shared'
import { NScrollbar } from 'naive-ui'

defineProps<{ value: FormConfigModel[] }>()
</script>

<template>
  <div class="form-json-preview">
    <NScrollbar class="form-json-preview__scrollbar">
      <pre>{{ JSON.stringify(value, null, 2) }}</pre>
    </NScrollbar>
  </div>
</template>

<style scoped>
.form-json-preview {
  padding: 10px;
}

.form-json-preview__scrollbar {
  max-height: 100%;
}
</style>
../shared
